@charset "utf-8";
/* CSS Document */

/** 清除内外边距 **/ 
body, h1, h2, h3, h4, h5, h6, hr, p, 
blockquote, /* structural elements 结构元素 */ 
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ 
pre, /* text formatting elements 文本格式元素 */ 
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ 
th, td, /* table elements 表格元素 */ 
img/* img elements 图片元素 */{ 
border:medium none; 
margin: 0; 
padding: 0; 
} 
/** 设置默认字体 **/ 
body,button, input, select, textarea { 
font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif; 
} 
h1, h2, h3, h4, h5, h6 { font-size: 100%; } 
em{font-style:normal;} 
/** 重置列表元素 **/ 
ul, ol { list-style: none; } 
/** 重置超链接元素 **/ 
a { text-decoration: none; color:#333;} 
a:hover { text-decoration: none; color:#333; } 
/** 重置图片元素 **/ 
img{ border:0px;} 
/** 重置表格元素 **/ 
table { border-collapse: collapse; border-spacing: 0; } 

.hide{display:none}
.show{display:block;}
html, body{height:100%;}

/* 内部浏览器 begin */
#web-browser{width:1039px; z-index:100; overflow:hidden; margin:0px auto; position:absolute; top:0px;height:100%;}
#web-browser iframe{ width:1000px; clear:right; float:right; margin:0px; padding:0px; border:none;height:100%;}
#web-browser .close-btn{cursor:pointer;width:39px; height:39px; float:left; clear:left;background: center center url(../images/close-btn.png);}

/* 内部浏览器 end */

/* 正式样式 */
#desktop{ width:100%; height:100%; overflow:hidden; background:center center #0066CC url(../wallpapers/menglong2.jpg); position:static; text-align:center;}

/* 标题栏 begin */
#title-bar{ height:60px; text-align:center; width:450px; margin:0 auto; margin-top:10px;}
#title-bar span{ display:block; height:60px; line-height:60px;clear:both; color:#462220; font-size:26px; font-family:'黑体'; font-weight:bold;}
/* 标题栏 end */

/* 左侧菜单 begin */
#left-bar{ width:90px; height:100%; position:absolute; left:0px; top:0px; z-index:100;}
#dockContainer{ position:absolute; top:40px; background:top center no-repeat url(../images/dock_top.png); width:90px;}
#dockContainer .menu{ background:bottom center no-repeat url(../images/dock_b.png); width:90px; height:100%; padding-top:5px; padding-bottom:5px;}
#dockContainer .menu li{  width:64px; height:64px; margin:3px auto;  padding:6px; text-align:center; position:relative;}
#dockContainer .menu li.setting-btn{top:5px;}
#dockContainer .menu li.setting-btn a{position:relative;top:5px;}
#dockContainer .menu li a{ overflow:hidden;}
#dockContainer .menu li.hover{ background:center center no-repeat url(../images/default_appbtn_bg.png);}
#dockContainer .menu li a img{width:48px; height:48px; display:block; margin:0 auto;}
#dockContainer .menu li a span{color:#FFF; font-size:12px; line-height:14px; overflow:hidden; text-align:center; display:block;}
#dockContainer .menu li.hover .sec-menu-area{ display:block;}
#dockContainer .menu li .sec-menu-area{ top:0px; left:85px; width:190px; padding:4px 5px; background:#000;opacity:0.5;position:absolute;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu{ clear:both;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li{ width:auto; height:auto; margin:0px; padding:0px; text-align:left;position:relative; overflow:visible; width:190px; height:22px;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li a{ overflow:auto;color:#fff; font-size:14px; padding-left:12px; display:block; height:22px; line-height:22px;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li a:hover{color:#000; background:#c28a37;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li.hover{ background:#c28a37;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li.hover .thr-menu-area{display:block;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area{ overflow:hidden; position:absolute; width:190px; top:-5px; left:195px;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu{background:#d99d54;opacity:1;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu li{clear:both; border-bottom:1px solid #fff;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu li.last{ height:23px; line-height:23px; border-bottom:none;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu li a{color:#fff; display:block;}
#dockContainer .menu li.hover .sec-menu-area .sec-menu li .thr-menu-area .thr-menu li a:hover{ background:none;color:#000;}
/* 左侧菜单 end */

/* 右侧菜单 begin */
#right-bar{ width:130px; height:100%;position:absolute;top:0px; right:25px;}
#right-bar .widget-container{clear:both;margin-top:100px;}
/* 右侧菜单 end */

/* 下方工具条 begin */
#bottom-bar{ width:100%; position:absolute; bottom:0px;}
.tool-container{width:600px; margin:0px auto;margin-bottom:40px; height:150px;}
.tool-container .tool-fir-menu{}
.tool-container .tool-fir-menu > li{float:left; margin-right:50px; width:150px; position:relative;}
.tool-container .tool-fir-menu > li span{ display:block; width:144px; height:144px; border:3px solid #FFF;border-radius:72px;}
.tool-container .tool-fir-menu > li span a.rai-btn{display:block; width:90px; height:90px;margin-top:7px; margin-left:7px; border-radius:65px; cursor:pointer; font-size:35px; color:#fff; padding:20px; line-height:45px; font-weight:bold;}
.tool-container .tool-fir-menu > li.hover .tool-sec-menu{ display:block;}
.tool-container .tool-fir-menu > li .tool-sec-menu{position:absolute; top:-95px; height:90px; background:#000; opacity:0.5;}
.tool-container .tool-fir-menu > li .tool-sec-menu > li{float:left; width:20px; padding:5px; border-right:1px solid #FFF; cursor:pointer; position:relative; height:80px;}
.tool-container .tool-fir-menu > li .tool-sec-menu > li.hover{ background:#ca863d;}
.tool-container .tool-fir-menu > li .tool-sec-menu > li > a{ font-size:14px; line-height:16px; display:block; color:#FFF;}
.tool-container .tool-fir-menu .tool-sec-menu > li.hover .tool-thr-menu{ display:block;}
.tool-container .tool-fir-menu .tool-sec-menu > li .tool-thr-menu{ height:220px; background:#ca863d; position:absolute; top:-225px;}
.tool-container .tool-fir-menu .tool-sec-menu > li .tool-thr-menu > li{float:left; width:22px;border-right:1px solid #FFF; cursor:pointer; height:210px; padding:5px;}
.tool-container .tool-fir-menu .tool-sec-menu > li .tool-thr-menu > li a{color:#FFF; font-size:14px; line-height:16px; display:block;}
.pink-btn{ background:#c99180;}
.green-btn{ background:#98b481;}
.blue-btn{ background:#8fadc7;}
/* 下方工具条 end */

/* 预报员登录窗 begin */
.login-panel{ width:360px; margin:0px auto; border:1px solid #FFF; background:#000; padding:0px 20px; margin-bottom:40px;}
.login-panel .ttl{margin:10px 0px; border-bottom:1px solid #fff;}
.login-panel .ttl h3{ text-align:center; color:#fff; height:30px; line-height:30px; font-family:'黑体'; font-size:24px; font-weight:bold; letter-spacing:3px;}
.login-panel .content{ overflow:hidden;clear:both; padding-bottom:20px;}
.login-panel .content label, .login-panel .content input, .login-panel .content button{float:left;}
.login-panel .content label{color:#330003; font-size:12px; margin-right:5px; font-weight:bold;}
.login-panel .content input{ width:100px; height:20px; line-height:20px; font-size:12px; border:none; border:1px solid #3f4044; background:#dad6b1;}
.login-panel .content button{ border:1px solid #3f4044; width:50px; height:22px; background:#a55726; }
.login-panel .content button span{ line-height:22px; font-weight:bold; font-size:12px; color:#330003;}
.login-panel .close-btn{ position:relative; float:right; top:-5px; left:25px; cursor:pointer;}
/* 预报员登录窗 */

/* 设置窗口 */
#setting-dialog{padding:0px;}
#setting-dialog .toggle-bar{ height:25px; border-bottom:1px solid #a9b9b6;clear:both;text-align:left;padding:0px 5px;}
#setting-dialog .toggle-bar span{ text-align:center;display:block;float:left;width:79px;height:23px;line-height:23px; position:relative; top:3px; cursor:pointer;}
#setting-dialog .toggle-bar span.activ{background:center center no-repeat url(../images/toggle-btn.gif);}
#setting-dialog .content{overflow:auto; clear:both;height:400px;}
#setting-dialog .content .num-0{ overflow:hidden; padding:30px 13px;}
#setting-dialog .content .wallpapers{clear:both; overflow:hidden;}
#setting-dialog .content .wallpapers li{ width:145px;margin-right:25px; float:left; margin-bottom:10px;}
#setting-dialog .content .wallpapers li a{color:#1166BB; display:block;clear:both; text-align:center;}
#setting-dialog .content .num-1{ overflow:hidden; padding:0px;}
#setting-dialog .content .item-title{padding-top:3px; padding-left:10px; height:25px; background:center left repeat-x url(../images/set-titlebg1.png);}
#setting-dialog .content .item-body{clear:both; padding:20px 0 20px 15px;}
#setting-dialog .content .item-body label{margin-right:18px;}
#setting-dialog .content .item-body input{ margin-right:10px;}

/* 天气小部件 */
#weather{width:120px; height:93px; background:#000; margin-bottom:35px; border-radius:5px; border:2px solid #646665; opacity:0.8; padding:0px 5px;}
#weather .info{clear:both; height:60%; border-bottom:1px solid #909090;}
#weather .info .ico{float:left; margin-top:10px;width:40px; height:36px;}
#weather .info .left-con{float:right; margin-top:5px;}
#weather .info .left-con p{color:#fff; text-align:right; line-height:20px;}
#weather .info .left-con p.city{ line-height:24px; font-size:16px; font-weight:bold;}
#weather .detail{clear:both; height:40%; text-align:right;}
#weather .detail span{color:#fff; font-size:12px; line-height:37px; font-weight:bold;}